<template>
	<!-- 故障列表 -->
	<view class="content">
		<view class="faultitem">
			<view class="faultitem-left">
				<view class="imgbox">
					<image src="../../static/user/ico_gzsb.png" mode=""></image>
				</view>
				<view class="textcont">
					<view>无法出场</view>
					<text>入场后无法出场</text>
				</view>
			</view>
			<view class="" @click="score">
				<text style="color: #FE6000">待评分</text>
				<!-- <text style="color: #1677FE">处理中</text> -->
				<!-- <text style="color: #999999">已处理</text> -->
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="faultitem">
			<view class="faultitem-left">
				<view class="imgbox">
					<image src="../../static/user/ico_gzsb.png" mode=""></image>
				</view>
				<view class="textcont">
					<view>无法出场</view>
					<text>入场后无法出场</text>
				</view>
			</view>
			<view class="">
				<!-- <text style="color: #FE6000">待评分</text> -->
				<text style="color: #1677FE">处理中</text>
				<!-- <text style="color: #999999">已处理</text> -->
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<u-button :custom-style="customStyle"  @click="faultClick">故障上报</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customStyle: {
					fontSize: '32rpx',
					borderRadius: '16rpx',
					background: '#1677FE',
					height: '100rpx',
					margin: '262rpx 55rpx 0rpx',
					color:"#fff"
				}
			}
		},
		methods: {
			faultClick(){
				uni.navigateTo({
					url:"/pageB/faultList/faultReporting"
				})
			},
			score(){
				uni.navigateTo({
					url:"/pageB/faultList/score"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "index.scss"
</style>